<template>
  <div class="yewu">
    <div class="dingqing">
        <h2>定期存款 <span>起存门槛低，多种选择</span><div></div></h2>
        <div>
            <h3>
                3.00% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                整存整取 <br>
                最低起存金额50.00元 <br>
                <span> 3个月-5年</span>|起存门槛低|<br>
                期限多样
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>
        <div>
            <h3>
                1.45% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                零存整取 <br>
                最低起存金额5.00元 <br>
                <span> 1年-5年</span>|起存门槛低|<br>
                积少成多
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>
        <div>
            <h3>
                0.99% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                定活两便 <br>
                最低起存金额50.00元 <br>
                |阶梯利率计息
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>  
    </div>
    <div class="dingqing">
        <h2>智能存款 <span>智能计息，优享便利</span><div></div></h2>
        <div>
            <h3>
                1.75% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                整存整取 <br>
                最低起存金额50.00元 <br>
                <span> 3个月-5年</span>|起存门槛低|<br>
                期限多样
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>
        <div>
            <h3>
                1.75% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                零存整取 <br>
                最低起存金额5.00元 <br>
                <span> 1年-5年</span>|起存门槛低|<br>
                积少成多
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>
        <div>
            <h3>
                3.00% <br>
                <span>最高年利率</span>
            </h3>
            <p>
                定活两便 <br>
                最低起存金额50.00元 <br>
                |阶梯利率计息
            </p>
            <van-icon name="arrow" color="#bebebe"/>
        </div>  
    </div>
    
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    .yewu {
        width: 100%;
        margin-top: .2rem;
        >div {
            width: 100%;
           
            h2 {
            width: 100%;
            height: .48rem;
            box-sizing: border-box;
            padding: 0 5%;
            color: #0b50a4;
            font-size: .18rem;
            border-bottom: .01rem solid #f6f6f9;
            position: relative;
            span {
                color: #4f4f4f;
                font-size: .14rem;
                margin-left: .15rem;
            }
            div {
            width: .03rem;
            height: .38rem;
            background: #0b50a4;
            position: absolute;
            left: 0;
            bottom: 0.15rem;
        }
        }
    
        }
        
    }
    .dingqing {
        border-bottom: .14rem solid #f1f5f9;
        margin-bottom: .1rem;
        >div {
            height: 1.16rem;
            width: 90%;
            margin: auto;
            border-bottom: .01rem solid #f6f6f9;
            display: flex;
            align-items: center;
            h3 {
                color: #a61938;
                font-size: .22rem;
                // margin-right: 26%;
                span {
                    color: #575757;
                    font-size: .14rem;
                }
            }
            >p {
                font-size: .14rem;
                color: #575757;
                margin-left: 25%;
                margin-right: .1rem;
                span {
                    color: #a61938;
                }
            }
        }
    }
</style>